import React, {Component} from 'react'
import ReactDOM from 'react-dom'

// 非受控组件：通过手动操作 DOM 的方式来控制, 知道就可以了

class App extends Component{
    constructor(){
        super()

        // 创建ref
        this.txtRef = React.createRef()
    }

    // 获取文本框的值
    getTxt = () =>{
        console.log('文本框值为:', this.txtRef.current.value)
    }

    render() {
        return (
            <div>
                <input type='text' ref={this.txtRef} />
                <button onClick={this.getTxt}>获取文本的值</button>
            </div>
        )
    }
}


ReactDOM.render(<App/>, document.getElementById('root'))